<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="wuzhiyuan">
    <meta name="description"
        content="全球领先的综合性网上购物中心。超过100万种商品在线热销！图书、音像、母婴、美妆、家居、数码3C、服装、鞋包等几十大类，正品行货，低至2折，700多城市货到付款，（全场购物满59元免运费。当当网一贯秉承提升顾客体验的承诺，自助退换货便捷又放心）。">
    <meta name="keywords"
        content="当当网，当当，网上购物，网上商城，网上买书，购物中心，在线购物，图书，影视，音像，教育音像，CD， DVD，百货，母婴，家居，家纺，厨具，化妆品，美妆，个人护理用品，数码，电脑，笔记本，u盘，手机，mp3，mp4，数码相机，摄影，摄像，家电，软件，游戏，服装，鞋，礼品箱包，钟表首饰，玩具，运动健康用品">
    <link rel="shortcut icon" href="./images/favicon.png">
    <link rel="stylesheet" href="./css/sytle.css">

    <title>当当—网上购物中心：图书、母婴、美妆、家居、数码、家电、服装、鞋包等，正品低价，货到付款</title>
</head>

<body>
    <!-- 顶部广告 -->
    <div class="advertisement-top wrapper">
        <a href="#"><img src="./images/advertisement-top1.jpg" alt="三只松鼠满300减210"></a>
    </div>

    <!---------------------------------------------------- 头部区域开始 --------------------------------------------------->
    <div class="header">
        <!--------------------------- 头部工具链接区域 --------------------------->
        <div class="link-tools-top">
            <div class="wrapper clearfix">
                <div class="to-address">
                    <a href="#">送至：<span>北京</span></a>
                    <ul>
                        <li><a href="#">北京</a></li>
                        <li><a href="#">天津</a></li>
                        <li><a href="#">河北</a></li>
                        <li><a href="#">山西</a></li>
                        <li><a href="#">内蒙古</a></li>
                        <li><a href="#">辽宁</a></li>
                        <li><a href="#">吉林</a></li>
                        <li><a href="#">黑龙江</a></li>
                        <li><a href="#">上海</a></li>
                        <li><a href="#">江苏</a></li>
                        <li><a href="#">浙江</a></li>
                        <li><a href="#">安徽</a></li>
                        <li><a href="#">福建</a></li>
                        <li><a href="#">江西</a></li>
                        <li><a href="#">山东</a></li>
                        <li><a href="#">河南</a></li>
                        <li><a href="#">湖北</a></li>
                        <li><a href="#">湖南</a></li>
                        <li><a href="#">广东</a></li>
                        <li><a href="#">广西</a></li>
                        <li><a href="#">海南</a></li>
                        <li><a href="#">重庆</a></li>
                        <li><a href="#">四川</a></li>
                        <li><a href="#">贵州</a></li>
                        <li><a href="#">云南</a></li>
                        <li><a href="#">西藏</a></li>
                        <li><a href="#">陕西</a></li>
                        <li><a href="#">甘肃</a></li>
                        <li><a href="#">青海</a></li>
                        <li><a href="#">宁夏</a></li>
                        <li><a href="#">新疆</a></li>
                        <li><a href="#">台湾</a></li>
                        <li><a href="#">香港</a></li>
                        <li><a href="#">澳门</a></li>
                        <li><a href="#">钓鱼岛</a></li>
                    </ul>
                </div>
                <ul class="link-tools-operate clearfix">
                    <li>欢迎光临当当，请<a href="#" class="login">登录</a><a href="#" class="register">成为会员</a></li>
                    <li><a href="#"><i></i>购物车<span
                                style="color: #FF2832; font-weight: 700; font-family: Arial">0</span></a></li>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#">我的云书房</a></li>
                    <li class="arrow my-dangdang">
                        <a href="#">我的当当</a>
                        <ul>
                            <li><a href="#">银铃铛抵现</a></li>
                            <li><a href="#">我的收藏</a></li>
                            <li><a href="#">我的余额</a></li>
                            <li><a href="#">我的评论</a></li>
                            <li><a href="#">礼券/礼品卡</a></li>
                        </ul>
                    </li>
                    <li class="arrow">
                        <a href="#">0元领物</a>
                        <ul>
                            <li><a href="#">0元领物</a></li>
                            <li><a href="#">当当拼团</a></li>
                            <li><a href="#">1元砍价</a></li>
                            <li><a href="#">一分砍价</a></li>
                        </ul>
                    </li>
                    <li><a href="#">小说投稿</a></li>
                    <li class="arrow">
                        <a href="#">企业采购</a>
                        <ul>
                            <li><a href="#">大宗采购</a></li>
                            <li><a href="#">礼品卡采购</a></li>
                            <li><a href="#">礼品卡激活</a></li>
                            <li><a href="#">礼品卡使用</a></li>
                            <li><a href="#">分销/荐购</a></li>
                            <li><a href="#">礼品卡专区</a></li>
                        </ul>
                    </li>
                    <li class="arrow">
                        <a href="#">客户服务</a>
                        <ul>
                            <li><a href="#">帮助中心</a></li>
                            <li><a href="#">自助退换货</a></li>
                            <li><a href="#">自助发票</a></li>
                            <li><a href="#">联系客服</a></li>
                            <li><a href="#">我要投诉</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <!----------------------------- logo搜索区域----------------------------->
        <div class="search-line wrapper clearfix">
            <div class="logo">
                <a href="#"><img src="./images/DDlogo.gif" alt="当当logo"></a>
            </div>
            <div class="search">
                <form action="" method="POST">
                    <input type="text" class="search-box" placeholder="伊索寓言">
                    <div class="classification">
                        <span class="select">全部分类</span>
                        <ul class="select-options">
                            <li><a href="#">全部分类</a></li>
                            <li><a href="#">尾品汇</a></li>
                            <li><a href="#">图书</a></li>
                            <li><a href="#">电子书</a></li>
                            <li><a href="#">音像</a></li>
                            <li><a href="#">影视</a></li>
                            <li><a href="#">时尚美妆</a></li>
                            <li><a href="#">母婴用品</a></li>
                            <li><a href="#">玩具</a></li>
                            <li><a href="#">孕婴服饰</a></li>
                            <li><a href="#">童装童鞋</a></li>
                            <li><a href="#">家居日用</a></li>
                            <li><a href="#">家居装饰</a></li>
                            <li><a href="#">服装</a></li>
                            <li><a href="#">鞋</a></li>
                            <li><a href="#">箱包皮具</a></li>
                            <li><a href="#">手表饰品</a></li>
                            <li><a href="#">运动户外</a></li>
                            <li><a href="#">汽车用品</a></li>
                            <li><a href="#">食品</a></li>
                            <li><a href="#">手机通讯</a></li>
                            <li><a href="#">数码影音</a></li>
                            <li><a href="#">电脑办公</a></li>
                            <li><a href="#">大家电</a></li>
                            <li><a href="#">家用电器</a></li>
                        </ul>
                    </div>
                    <button></button>
                </form>
                <div class="hot-search">
                    <span>热搜:</span>
                    <a href="#">医路向前</a>
                    <a href="#">唐狮</a>
                    <a href="#">神奇立体书</a>
                    <a href="#">柳林风声</a>
                    <a href="#">碧然德</a>
                    <a href="#">良品铺子</a>
                    <a href="#">秒杀1元抢</a>
                    <a href="#" class="advanced-search">高级搜索</a>
                </div>
            </div>
            <div class="shopping-order">
                <a href="#" class="shopping-car">购物车<b>0</b></a>
                <a href="#" class="my-order">我的订单</a>
            </div>

        </div>
        <!----------------------------- 主导航栏区域----------------------------->
        <ul class="nav-header wrapper clearfix">
            <li><a href="#">全部商品分类</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">电子书</a></li>
            <li><a href="#">网络文学</a></li>
            <li><a href="#">服装</a></li>
            <li><a href="#">运动户外</a></li>
            <li><a href="#">孕婴童</a></li>
            <li><a href="#">家居</a></li>
            <li><a href="#">当当优品</a></li>
            <li><a href="#">食品</a></li>
            <li><a href="#">Apple</a></li>
            <li><a href="#">电器城</a></li>
        </ul>
    </div>
    <!--------------------------------------------------- 头部区域结束 ---------------------------------------------------->


    <!--------------------------------------------------侧边栏及轮播开始 -------------------------------------------------->
    <div class="sidebar-carousel">
        <div class="wrapper  clearfix">
            <!-------------------------- 左侧边栏开始-------------------------------->
            <ul class="leftsidebar">
                <li>
                    <span>
                        <a href="#">图书</a>、
                        <a href="#">童书</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">图书馆</a>
                            <a href="#">童书馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">电子书</a>、
                        <a href="#">网络文学</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">免费书</a>
                            <a href="#">电子书馆</a>
                            <a href="#">网络文学</a>
                            <a href="#">下载当当云阅读</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">创意文具</a>、
                        <a href="#">拍卖</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">文创馆</a>
                            <a href="#">艺术品拍卖馆</a>
                            <a href="#">艺术设计/艺术衍生品馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">服饰</a>、
                        <a href="#">内衣</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">服装馆</a>
                            <a href="#">内衣</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">鞋靴</a>、
                        <a href="#">箱包</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">鞋靴馆</a>
                            <a href="#">箱包馆</a>
                            <a href="#">海外轻奢</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">运动户外</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">运动户外馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">孕</a>、
                        <a href="#">婴</a>、
                        <a href="#">童</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">童装童鞋</a>
                            <a href="#">母婴馆</a>
                            <a href="#">玩具馆</a>
                            <a href="#">童书馆</a>
                            <a href="#">海外母婴</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">家居</a>、
                        <a href="#">家纺</a>、
                        <a href="#">汽车</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">家居馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">家具</a>、
                        <a href="#">家装</a>、
                        <a href="#">康体</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">家居家具馆</a>
                            <a href="#">康体馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">美妆</a>、
                        <a href="#">个人护理</a>、
                        <a href="#">清洁</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">美妆馆</a>
                            <a href="#">海外美妆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">食品</a>、
                        <a href="#">茶酒</a>、
                        <a href="#">生鲜</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">食品馆</a>
                            <a href="#">海外食品</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">珠宝饰品</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">珠宝馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">手机</a>、
                        <a href="#">数码</a>、
                        <a href="#">电脑办公</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">数码电子馆</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">家用电器</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">电器城</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p5.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p6.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p7.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p8.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">当当礼品卡</a>、
                        <a href="#">生活服务</a>
                    </span>
                    <div class="leftsidebar-content clearfix">
                        <div class="title">
                            <a href="#">礼品卡馆</a>
                            <a href="#">礼品卡优惠专区</a>
                        </div>
                        <ul class="detailed-classification">
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <h4>排行榜</h4>
                                <div>
                                    <a href="#">图书畅销榜</a>
                                    <a href="#">新书热卖榜</a>
                                    <a href="#">童书榜</a>
                                    <a href="#">热搜榜</a>
                                    <a href="#">好评榜</a>
                                    <a href="#">特价榜</a>
                                </div>
                            </li>
                        </ul>
                        <div class="logo-link">
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p1.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p2.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p3.jpg" alt=""></a>
                            <a href="#"><img src="./images/leftsidebar-content-p4.jpg" alt=""></a>
                        </div>
                    </div>
                </li>

                <li>
                    <span>
                        <a href="#">医疗器械</a>
                    </span>
                </li>
            </ul>
            <!-------------------------- 左侧边栏结束-------------------------------->

            <!-------------------------- 中间轮播开始-------------------------------->
            <div class="carousel">
                <div class="carousel-box" id="carousel-box">
                    <ul class="carousel-map clearfix">
                        <li class="show"><a href="https://www.baidu.com"><img src="./images/carousel-map1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map2.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map4.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map5.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map6.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map7.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/carousel-map8.jpg" alt=""></a></li>
                    </ul>
                    <div class="carouselbtn-left"></div>
                    <div class="carouselbtn-right"></div>
                    <ul class="carousel-index">
                        <li class="active">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li>6</li>
                        <li>7</li>
                        <li>8</li>
                    </ul>
                </div>
                <div class="scroll-chart">
                    <ul class="clearfix">
                        <li>
                            <a href="#"><img src="./images/scroll-chart1.jpg" alt="">
                                <div></div>
                            </a>
                            <a href="#"><img src="./images/scroll-chart2.jpg" alt="">
                                <div></div>
                            </a>
                            <a href="#"><img src="./images/scroll-chart3.jpg" alt="">
                                <div></div>
                            </a>
                            <a href="#"><img src="./images/scroll-chart4.jpg" alt="">
                                <div></div>
                            </a>
                        </li>
                        <li>
                            <a href="#"><img src="./images/scroll-chart5.jpg" alt="">
                                <div></div>
                            </a>
                            <a href="#"><img src="./images/scroll-chart6.jpg" alt="">
                                <div></div>
                            </a>
                            <a href="#"><img src="./images/scroll-chart7.jpg" alt="">
                                <div></div>
                            </a>
                            <a href="#"><img src="./images/scroll-chart8.jpg" alt="">
                                <div></div>
                            </a>
                        </li>
                    </ul>
                    <div class="arrow-btn arrow-btn-previous"></div>
                    <div class="arrow-btn arrow-btn-next"></div>
                </div>

            </div>
            <!-------------------------- 中间轮播结束-------------------------------->

            <!-------------------------- 右边信息开始-------------------------------->
            <div class="informationbar">
                <div class="informationbar-top">
                    <a href="#"><img src="./images/informationbar-top.jpg" alt="良品铺子" title="良品铺子"></a>
                </div>
                <ul class="notice clearfix">
                    <li class="active">
                        <span>信息公告</span>
                        <ul>
                            <li><a href="#" title="童装童鞋超级预购，新品2件3折！">童装童鞋超级预购，新品2件3折！</a></li>
                            <li><a href="#" title="笛莎童装，新品2件3折！">笛莎童装，新品2件3折！</a></li>
                            <li><a href="#" title="寒假季，百万图书满100减50">寒假季，百万图书满100减50</a></li>
                            <li><a href="#" title="良品铺子超品日满300减去210，年货好礼，最后一波" class="red">良品铺子超品日满300减去210，年货好礼，最后一波</a></li>
                            <li><a href="#" title="电子书满30减">电子书满30减</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="#">服务公告</a>
                        <ul>
                            <li><a href="#" title="关于谨防诈骗的重要提示">关于谨防诈骗的重要提示</a></li>
                            <li><a href="#" title="受疫情影响,部分地方推迟配送" class="red">受疫情影响,部分地方推迟配送</a></li>
                            <li><a href="#" title="话费卡兑换当当礼品卡">话费卡兑换当当礼品卡</a></li>
                            <li><a href="#" title="打击非法传销,维护社会治安">打击非法传销,维护社会治安</a></li>
                            <li><a href="#" title="关于假冒客服诈骗的声明" class="red">关于假冒客服诈骗的声明</a></li>
                        </ul>
                    </li>
                </ul>
                <div class="informationbar-bottom" id="informationbar-bottom">
                    <ul>
                        <li><a href="#"><img src="./images/informationbar-bottom1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/informationbar-bottom2.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/informationbar-bottom3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/informationbar-bottom1.jpg" alt=""></a></li>
                    </ul>
                    <span class='xuhao'>
                        <i class="active"></i>
                        <i></i>
                        <i></i>
                    </span>
                    <div class="arrow-btn arrow-btn-previous"></div>
                    <div class="arrow-btn arrow-btn-next"></div>
                </div>
            </div>
            <!-------------------------- 右边信息结束-------------------------------->
        </div>
    </div>
    <!--------------------------------------------------侧边栏及轮播结束 -------------------------------------------------->


    <!--------------------------------------------------主要内容部分开始 -------------------------------------------------->
    <div class="main wrapper">
        <!------------------------------- 秒杀开始 ---------------------------------->
        <div class="miaosha clearfix">
            <div class="miaosha-left">
                <div class="miaosha-left-title clearfix">
                    <a href="#"><img src="./images/miaosha_title.png" alt=""></a>
                    <div class="countdown">
                        <span>01</span><span>29</span><span>39</span>
                    </div>
                    <ul class="miaosha-time">
                        <li><a href="#">00:00场</a></li>
                        <li><a href="#">10:00场</a></li>
                        <li><a href="#">12:00场</a></li>
                        <li class="active"><a href="#">16:00场</a></li>
                        <li><a href="#">20:00场</a></li>
                    </ul>

                </div>
                <ul class="miaosha-left-content clearfix">
                    <li>
                        <a href="#"
                            title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍"><img
                                src="./images/miaosha-pro1.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍">一年级必读经典书目
                                格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍</a>
                        </div>
                        <div class="price">秒杀价:¥<span>0.1</span><del>8.8</del></div>
                    </li>
                    <li>
                        <a href="#" title="小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机 ZDQ-2153"><img src="./images/miaosha-pro2.jpg"
                                alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#" title="小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机 ZDQ-2153">小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机
                                ZDQ-2153</a>
                        </div>
                        <div class="price">秒杀价:¥<span>99.9</span><del>199</del></div>
                    </li>
                    <li>
                        <a href="#" title="快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著"><img
                                src="./images/miaosha-pro3.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著">快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著</a>
                        </div>
                        <div class="price">秒杀价:¥<span>19.8</span><del>89.4</del></div>
                    </li>
                    <li>
                        <a href="#"
                            title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍"><img
                                src="./images/miaosha-pro1.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍">一年级必读经典书目
                                格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍</a>
                        </div>
                        <div class="price">秒杀价:¥<span>0.1</span><del>8.8</del></div>
                    </li>
                    <li>
                        <a href="#" title="小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机 ZDQ-2153"><img src="./images/miaosha-pro2.jpg"
                                alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#" title="小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机 ZDQ-2153">小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机
                                ZDQ-2153</a>
                        </div>
                        <div class="price">秒杀价:¥<span>99.9</span><del>199</del></div>
                    </li>
                    <li>
                        <a href="#" title="快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著"><img
                                src="./images/miaosha-pro3.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著">快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著</a>
                        </div>
                        <div class="price">秒杀价:¥<span>19.8</span><del>89.4</del></div>
                    </li>
                    <li>
                        <a href="#"
                            title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍"><img
                                src="./images/miaosha-pro1.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍">一年级必读经典书目
                                格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍</a>
                        </div>
                        <div class="price">秒杀价:¥<span>0.1</span><del>8.8</del></div>
                    </li>
                    <li>
                        <a href="#" title="小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机 ZDQ-2153"><img src="./images/miaosha-pro2.jpg"
                                alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#" title="小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机 ZDQ-2153">小熊（Bear）煮蛋器 家用双层大容量不锈钢蒸蛋器蒸煮蛋机
                                ZDQ-2153</a>
                        </div>
                        <div class="price">秒杀价:¥<span>99.9</span><del>199</del></div>
                    </li>
                    <li>
                        <a href="#" title="快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著"><img
                                src="./images/miaosha-pro3.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著">快乐读书吧五年级下册指定阅读：西游记+水浒传+三国演义+红楼梦（套装共4册）四大名著</a>
                        </div>
                        <div class="price">秒杀价:¥<span>19.8</span><del>89.4</del></div>
                    </li>
                    <li>
                        <a href="#"
                            title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍"><img
                                src="./images/miaosha-pro1.jpg" alt=""></a>
                        <div class="seckill">
                            <div></div>
                            <span>已秒杀90%</span>
                        </div>
                        <div class="describe">
                            <a href="#"
                                title="一年级必读经典书目 格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍">一年级必读经典书目
                                格林童话+安徒生童话+一千零一夜+伊索寓言彩绘注音版（4册）睡前故事书0-3-6--7-10岁拼音读物一二三年级课外阅读必读书籍</a>
                        </div>
                        <div class="price">秒杀价:¥<span>0.1</span><del>8.8</del></div>
                    </li>
                </ul>
            </div>
            <div class="miaosha-right">
                <div class="miaosha-right-top clearfix">
                    <h3>厂商周</h3>
                    <ul class="clearfix">
                        <li class="active"></li>
                        <li></li>
                    </ul>
                </div>
                <div class="miaosha-right-bottom clearfix">
                    <ul class="show">
                        <li><a href="#"><img src="./images/miaosha-right1-1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/miaosha-right1-2.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/miaosha-right1-3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/miaosha-right1-4.jpg" alt=""></a></li>
                    </ul>
                    <ul>
                        <li><a href="#"><img src="./images/miaosha-right2-1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/miaosha-right2-2.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/miaosha-right2-3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="./images/miaosha-right2-4.jpg" alt=""></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!------------------------------- 秒杀结束 ---------------------------------->

        <!---------------------------- 图书，电子书开始 ------------------------------>
        <div class="books-ebooks clearfix" id="books-ebooks">
            <!---------- 图书，电子书左侧----------->
            <div class="books-left">
                <ul class="books-left-title module-title1 clearfix">
                    <li>
                        <h2><a href="#">图书</a><span>.</span><a href="#">电子书</a><span>.</span><a href="#">网络文学</a></h2>
                    </li>
                    <li class="books-title-listitem"><span>独家畅品</span></li>
                    <li class="books-title-listitem"><span>重点推荐</span></li>
                    <li class="books-title-listitem"><span>电子书</span></li>
                    <li class="books-title-listitem"><span>网络文学</span></li>
                    <li class="active books-title-listitem"><span>最新上架</span></li>
                </ul>
                <table class="selling-books" cellspacing="0">
                    <tr>
                        <td rowspan="2" class="book-classification">
                            <a href="#" title="过年不打烊童书五折封顶"><img src="./images/selling-book1.jpg" alt=""></a>
                            <ul>
                                <li><a href="#">童书</a></li>
                                <li><a href="#">中小学教辅</a></li>
                                <li><a href="#">外语</a></li>
                                <li><a href="#">考试</a></li>
                                <li><a href="#">小说</a></li>
                                <li><a href="#">文学</a></li>
                                <li><a href="#">青春文学</a></li>
                                <li><a href="#">成功/励志</a></li>
                                <li><a href="#">管理</a></li>
                                <li><a href="#">历史</a></li>
                                <li><a href="#">亲子/家教</a></li>
                                <li><a href="#">全部分类></a></li>
                            </ul>
                        </td>
                        <td colspan="2" height="220px">
                            <a href="#" title="21年2月新书速递"><img src="./images/selling-book2.jpg" alt=""></a>
                        </td>
                        <td class="details">
                            <a href="#" title="中国优秀图画书典藏系列（全16册）"><img src="./images/selling-book3.jpg" alt=""></a>
                            <p class="describe"><a href="#" title="中国优秀图画书典藏系列（全16册）">中国优秀图画书典藏系列（全16册）</a></p>
                            <div class="book-price">¥<span>99.00</span><del>¥199.00</del></div>
                            <div class="ebook-price">电子书¥<span>38.99</span></div>
                        </td>
                        <td class="details">
                            <a href="#" title="日日滋养：365天爱自己的生活良方 （55万粉丝翘首以盼的40种生活新主张！）"><img
                                    src="./images/selling-book4.jpg" alt=""></a>
                            <p class="describe"><a href="#"
                                    title="日日滋养：365天爱自己的生活良方 （55万粉丝翘首以盼的40种生活新主张！）">中国优秀图画书典藏系列（全16册）</a></p>
                            <div class="book-price">¥<span>50.20</span><del>¥69.80</del></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="details">
                            <a href="#" title="中国优秀图画书典藏系列（全16册）"><img src="./images/selling-book3.jpg" alt=""></a>
                            <p class="describe"><a href="#" title="中国优秀图画书典藏系列（全16册）">中国优秀图画书典藏系列（全16册）</a></p>
                            <div class="book-price">¥<span>99.00</span><del>¥199.00</del></div>
                            <div class="ebook-price">电子书¥<span>38.99</span></div>
                        </td>
                        <td class="details">
                            <a href="#" title="日日滋养：365天爱自己的生活良方 （55万粉丝翘首以盼的40种生活新主张！）"><img
                                    src="./images/selling-book4.jpg" alt=""></a>
                            <p class="describe"><a href="#"
                                    title="日日滋养：365天爱自己的生活良方 （55万粉丝翘首以盼的40种生活新主张！）">中国优秀图画书典藏系列（全16册）</a></p>
                            <div class="book-price">¥<span>50.20</span><del>¥69.80</del></div>
                        </td>
                        <td class="details">
                            <a href="#" title="中国优秀图画书典藏系列（全16册）"><img src="./images/selling-book3.jpg" alt=""></a>
                            <p class="describe"><a href="#" title="中国优秀图画书典藏系列（全16册）">中国优秀图画书典藏系列（全16册）</a></p>
                            <div class="book-price">¥<span>99.00</span><del>¥199.00</del></div>
                            <div class="ebook-price">电子书¥<span>38.99</span></div>
                        </td>
                        <td class="details">
                            <a href="#" title="日日滋养：365天爱自己的生活良方 （55万粉丝翘首以盼的40种生活新主张！）"><img
                                    src="./images/selling-book4.jpg" alt=""></a>
                            <p class="describe"><a href="#"
                                    title="日日滋养：365天爱自己的生活良方 （55万粉丝翘首以盼的40种生活新主张！）">中国优秀图画书典藏系列（全16册）</a></p>
                            <div class="book-price">¥<span>50.20</span><del>¥69.80</del></div>
                        </td>
                    </tr>
                </table>
            </div>
            <!----------图书，电子书排行榜---------->
            <ul class="books-ranking-list clearfix">
                <li class="active">
                    <a href="#">图书畅销榜</a>
                    <ul id="bestsellers-Books">
                        <li class="title red active"><span>1</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li class="subcont red">
                            <span>1</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#" title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷
                                （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                        <li class="title red"><span>2</span><a href="#">少年读史记（套装全5册)</a></li>
                        <li class="subcont red">
                            <span>2</span>
                            <a href="#"><img src="./images/ranking-list-2.jpg" alt=""></a>
                            <a href="#" title="少年读史记（套装全5册) 精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、">少年读史记（套装全5册)
                                精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</a>
                        </li>
                        <li class="title red"><span>3</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li class="subcont red">
                            <span>3</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                        <li class="title"><span>4</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li>
                            <span>4</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#" title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷
                                （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                        <li class="title"><span>5</span><a href="#">少年读史记（套装全5册)</a></li>
                        <li>
                            <span>5</span>
                            <a href="#"><img src="./images/ranking-list-2.jpg" alt=""></a>
                            <a href="#" title="少年读史记（套装全5册) 精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、">少年读史记（套装全5册)
                                精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</a>
                        </li>
                        <li class="title"><span>6</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li>
                            <span>6</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                        <li class="title"><span>7</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li>
                            <span>7</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#" title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷
                                （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                        <li class="title"><span>8</span><a href="#">少年读史记（套装全5册)</a></li>
                        <li>
                            <span>8</span>
                            <a href="#"><img src="./images/ranking-list-2.jpg" alt=""></a>
                            <a href="#" title="少年读史记（套装全5册) 精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、">少年读史记（套装全5册)
                                精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</a>
                        </li>
                        <li class="title"><span>9</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li>
                            <span>9</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                        <li class="title"><span>10</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li>
                            <span>10</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#"
                                title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷（教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">童书新书榜</a>
                    <ul id="childrens-book-list">
                        <li class="title red  active"><span>1</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li class="subcont red">
                            <span>1</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                        <li class="title red"><span>2</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li class="subcont red">
                            <span>2</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#" title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷
                                （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                        <li class="title red"><span>3</span><a href="#">少年读史记（套装全5册)</a></li>
                        <li class="subcont red">
                            <span>3</span>
                            <a href="#"><img src="./images/ranking-list-2.jpg" alt=""></a>
                            <a href="#" title="少年读史记（套装全5册) 精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、">少年读史记（套装全5册)
                                精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</a>
                        </li>
                        <li class="title"><span>4</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li class="subcont">
                            <span>4</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                        <li class="title"><span>5</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li class="subcont">
                            <span>5</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#" title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷
                                （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                        <li class="title"><span>6</span><a href="#">少年读史记（套装全5册)</a></li>
                        <li class="subcont">
                            <span>6</span>
                            <a href="#"><img src="./images/ranking-list-2.jpg" alt=""></a>
                            <a href="#" title="少年读史记（套装全5册) 精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、">少年读史记（套装全5册)
                                精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</a>
                        </li>
                        <li class="title"><span>7</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li class="subcont">
                            <span>7</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                        <li class="title"><span>8</span><a href="#">真探与小偷（教育部统编</a></li>
                        <li class="subcont">
                            <span>8</span>
                            <a href="#"><img src="./images/ranking-list-1.jpg" alt=""></a>
                            <a href="#" title="侦探与小偷 （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）">侦探与小偷
                                （教育部统编《语文》推荐阅读，与语文教材无缝对接，手绘精美插图，金钥匙儿童文学大系）</a>
                        </li>
                        <li class="title"><span>9</span><a href="#">少年读史记（套装全5册)</a></li>
                        <li class="subcont">
                            <span>9</span>
                            <a href="#"><img src="./images/ranking-list-2.jpg" alt=""></a>
                            <a href="#" title="少年读史记（套装全5册) 精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、">少年读史记（套装全5册)
                                精巧32开本，当当独家定制版。荣获第六届中华优秀出版物奖 ；史学、文学、哲学、</a>
                        </li>
                        <li class="title"><span>10</span><a href="#">你当像鸟飞往你的山（比</a></li>
                        <li class="subcont">
                            <span>10</span>
                            <a href="#"><img src="./images/ranking-list-3.jpg" alt=""></a>
                            <a href="#"
                                title="你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80 周！多一个人读到这个真实故事，就多一个人勇敢做自己！）">你当像鸟飞往你的山（比尔·盖茨年度特别推荐，登顶《纽约时报》畅销榜80
                                周！多一个人读到这个真实故事，</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <!---------------------------- 图书，电子书结束 ------------------------------>

        <!-------------------------------- 服装开始 --------------------------------->
        <div class="clothing" id="clothing">
            <!------------------ 头部标题 ------------------>
            <ul class="clothing-title module-title1 clearfix">
                <li>
                    <h2><span><a href="#">服装</a></span></h2>
                </li>
                <li class="clothing-title-listitem"><span><a href="#">鞋靴箱包</a></span></li>
                <li class="clothing-title-listitem"><span><a href="#">童装童鞋</a></span></li>
                <li class="active clothing-title-listitem"><span><a href="#">女装男装内衣</a></span></li>
                <li class="clothing-title-listitem"><span><a href="#">运动潮牌</a></span></li>
                <li class="clothing-title-listitem"><span><a href="#">服装鞋包</a></span></li>
            </ul>
            <!------------------ 销售衣服 ------------------>
            <div class="selling-clothings clearfix">
                <div class="selling-left">
                    <a href="#"><img src="./images/clothing-pic1.jpg" alt=""></a>
                    <ul>
                        <li><a href="#">跑步鞋</a></li>
                        <li><a href="#">皮肤风衣</a></li>
                        <li><a href="#">速干衣</a></li>
                        <li><a href="#">户外装备</a></li>
                        <li><a href="#">运动服装</a></li>
                        <li><a href="#">连衣裙</a></li>
                        <li><a href="#">T恤女</a></li>
                        <li><a href="#">短裤</a></li>
                        <li><a href="#">男士外套</a></li>
                        <li><a href="#">男士牛仔裤</a></li>
                        <li><a href="#">丝袜</a></li>
                        <li><a href="#">童装</a></li>
                        <li><a href="#">童鞋</a></li>
                        <li><a href="#">婴儿服饰</a></li>
                        <li><a href="#">珠宝饰品</a></li>
                        <li><a href="#">男鞋</a></li>
                        <li><a href="#">女鞋</a></li>
                        <li><a href="#">手表</a></li>
                    </ul>
                </div>
                <div class="selling-right-top">
                    <div class="clothing-slide">
                        <ul>
                            <a href="#"><img src="./images/clothing-pic2-1.jpg" alt=""></a>
                            <a href="#"><img src="./images/clothing-pic2-2.jpg" alt=""></a>
                            <a href="#"><img src="./images/clothing-pic2-3.jpg" alt=""></a>
                            <a href="#"><img src="./images/clothing-pic2-4.jpg" alt=""></a>
                        </ul>
                        <div class="arrow-btn arrow-btn-previous"></div>
                        <div class="arrow-btn arrow-btn-next"></div>
                    </div>
                    <a href="#" title="lily"><img src="./images/clothing-pic3-1.jpg" alt=""></a>
                    <a href="#" title="qigege"><img src="./images/clothing-pic3-2.jpg" alt=""></a>
                    <a href="#" title="meibang"><img src="./images/clothing-pic3-3.jpg" alt=""></a>
                </div>
                <div class="selling-right-bottom">
                    <a href="#" title="韩都"><img src="./images/clothing-pic4-1.jpg" alt=""></a>
                    <a href="#" title="初语"><img src="./images/clothing-pic4-2.jpg" alt=""></a>
                    <a href="#" title="lily"><img src="./images/clothing-pic4-3.jpg" alt=""></a>
                    <a href="#" title="真维斯"><img src="./images/clothing-pic4-4.jpg" alt=""></a>
                    <a href="#" title="三枪"><img src="./images/clothing-pic4-5.jpg" alt=""></a>
                </div>
            </div>
            <!------------------ 品牌logo------------------>
            <div class="selling-brand">
                <ul>
                    <li><a href="#"><img src="./images/brand-logo1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo4.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo5.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo6.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo7.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo8.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo9.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo10.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo11.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo12.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo13.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo14.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo15.jpg" alt=""></a></li>
                    <li><a href="#"><img src="./images/brand-logo16.jpg" alt=""></a></li>
                </ul>
                <div class="arrow-btn arrow-btn-previous"></div>
                <div class="arrow-btn arrow-btn-next"></div>
            </div>
        </div>
        <!-------------------------------- 服装结束 --------------------------------->

        <!------------------------------- 日常百货开始 ------------------------------->
        <div class="general-merchandise" id="general-merchandise">
            <ul class="general-merchandise-title module-title2 clearfix">
                <li>
                    <h2><a href="#">日用百货</a></h2>
                </li>
                <li class="vertical-line"><a href="#">阿芙<span>美妆</span></a></li>
                <li><a href="#">乐扣乐扣<span>厨具水具</span></a></li>
                <li><a href="#">良品铺子<span>旗舰店</span></a></li>
                <li><a href="#">戴森<span>旗舰店</span></a></li>
                <li><a href="#">碧然德<span>旗舰店</span></a></li>
                <li><a href="#">网易严选<span>旗舰店</span></a></li>
            </ul>
            <div class="goods clearfix">
                <div class="goods-left">
                    <div>
                        <a href="#" title="联合利华"><img src="./images/daily-goods1.jpg" alt=""></a>
                        <a href="#" title="2.4日水星家纺"><img src="./images/daily-goods2.jpg" alt=""></a>
                    </div>
                    <div>
                        <a href="#" title="碧然德"><img src="./images/daily-goods3.jpg" alt=""></a>
                        <a href="#" title="木马人"><img src="./images/daily-goods4.jpg" alt=""></a>
                    </div>
                </div>
                <div><a href="#" title="网易严选"><img src="./images/daily-goods5.jpg" alt=""></a></div>
                <div class="goods-right">
                    <div>
                        <a href="#" title="联合利华"><img src="./images/daily-goods1.jpg" alt=""></a>
                        <a href="#" title="2.4日水星家纺"><img src="./images/daily-goods2.jpg" alt=""></a>
                    </div>
                    <div>
                        <a href="#" title="碧然德"><img src="./images/daily-goods3.jpg" alt=""></a>
                        <a href="#" title="木马人"><img src="./images/daily-goods4.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <ul class="goods-logo">
                <a href="#"><img src="./images/daily-brand1.jpg" alt=""></a>
                <a href="#"><img src="./images/daily-brand2.png" alt=""></a>
                <a href="#"><img src="./images/daily-brand3.jpg" alt=""></a>
                <a href="#"><img src="./images/daily-brand4.png" alt=""></a>
                <a href="#"><img src="./images/daily-brand5.png" alt=""></a>
                <a href="#"><img src="./images/daily-brand6.jpg" alt=""></a>
                <a href="#"><img src="./images/daily-brand7.png" alt=""></a>
                <a href="#"><img src="./images/daily-brand8.png" alt=""></a>
                <a href="#"><img src="./images/daily-brand9.png" alt=""></a>
                <a href="#"><img src="./images/daily-brand10.jpg" alt=""></a>
            </ul>
        </div>
        <!------------------------------- 日常百货结束 ------------------------------->

        <!------------------------------- 食品生鲜开始-------------------------------->
        <div class="fresh-food">
            <ul class="fresh-food-title module-title2 clearfix">
                <li>
                    <h2><a href="#">食品生鲜</a></h2>
                </li>
                <li class="vertical-line"><a href="#">休闲食品</a></li>
                <li><a href="#">酱油调味</a></li>
                <li><a href="#">生鲜水果</a></li>
                <li><a href="#">冲调饮品</a></li>
                <li><a href="#">茶</a></li>
                <li><a href="#">酒</a></li>
                <li><a href="#">营养健康</a></li>
            </ul>
            <div class="foods clearfix">
                <div class="foods-left">
                    <div>
                        <a href="#" title="百草味"><img src="./images/fresh-food1.jpg" alt=""></a>
                        <a href="#" title="冠町"><img src="./images/fresh-food2.jpg" alt=""></a>
                    </div>
                    <div>
                        <a href="#" title="大希地"><img src="./images/fresh-food3.jpg" alt=""></a>
                        <a href="#" title="青岛啤酒"><img src="./images/fresh-food4.jpg" alt=""></a>
                    </div>
                </div>
                <div><a href="#"><img src="./images/fresh-food5.jpg" alt=""></a></div>
                <div class="foods-right">
                    <div>
                        <a href="#" title="百草味"><img src="./images/fresh-food1.jpg" alt=""></a>
                        <a href="#" title="冠町"><img src="./images/fresh-food2.jpg" alt=""></a>
                    </div>
                    <div>
                        <a href="#" title="大希地"><img src="./images/fresh-food3.jpg" alt=""></a>
                        <a href="#" title="青岛啤酒"><img src="./images/fresh-food4.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
        <!------------------------------- 食品生鲜结束 ------------------------------->

        <!------------------------------- 创意文具开始-------------------------------->
        <div class="creative-stationery">
            <h2 class="creative-stationery-title"><a href="#">创意文具</a></h2>
            <div class="stationeries">
                <a href="#"><img src="./images/stationeries-1.jpg" alt=""></a>
                <a href="#"><img src="./images/stationeries-2.jpg" alt=""></a>
                <a href="#"><img src="./images/stationeries-3.jpg" alt=""></a>
                <a href="#"><img src="./images/stationeries-4.jpg" alt=""></a>
                <a href="#"><img src="./images/stationeries-5.jpg" alt=""></a>
            </div>
        </div>
        <!------------------------------- 创意文具结束-------------------------------->

        <!-------------------------------- 孕婴童开始 -------------------------------->
        <div class="pregnant-children" id="pregnant-children">
            <ul class="pregnant-children-title module-title2 clearfix">
                <li>
                    <h2><a href="#">孕婴童</a></h2>
                </li>
                <li class="vertical-line"><a href="#">童书畅销榜</a></li>
                <li><a href="#">童书3-6岁榜</a></li>
                <li><a href="#">童书7-10岁榜</a></li>
                <li><a href="#">母婴馆</a></li>
                <li><a href="#">玩具馆</a></li>
                <li><a href="#">童装童鞋榜</a></li>
            </ul>
            <div class="pregnant-children-clothes clearfix">
                <div class="pregnant-children-clothes-left">
                    <div>
                        <a href="#"><img src="./images/pregnant-children1.jpg" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="./images/pregnant-children2.jpg" alt=""></a>
                    </div>
                </div>
                <div><a href="#"><img src="./images/pregnant-children9.jpg" alt=""></a></div>
                <div class="pregnant-children-clothes-right">
                    <div>
                        <a href="#"><img src="./images/pregnant-children3.jpg" alt=""></a>
                        <a href="#"><img src="./images/pregnant-children4.jpg" alt=""></a>
                        <a href="#"><img src="./images/pregnant-children5.jpg" alt=""></a>
                    </div>
                    <div>
                        <a href="#"><img src="./images/pregnant-children6.jpg" alt=""></a>
                        <a href="#"><img src="./images/pregnant-children7.jpg" alt=""></a>
                        <a href="#"><img src="./images/pregnant-children8.jpg" alt=""></a>
                    </div>
                </div>
            </div>
            <ul class="pregnant-children-clothes-logo">
                <a href="#"><img src="./images/pregnant-children-logo1.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo2.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo3.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo4.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo5.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo6.png" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo7.png" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo8.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo9.jpg" alt=""></a>
                <a href="#"><img src="./images/pregnant-children-logo10.png" alt=""></a>
            </ul>
        </div>
        <!-------------------------------- 孕婴童结束 -------------------------------->

        <!------------------------------- 为你推荐开始 ------------------------------->
        <div class="recommend" id="recommend">
            <h2 class="recommend-title">为您推荐</h2>
            <ul class="recommended-content clearfix">
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book1.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="薇娅：人生是用来改变的（随书赠薇娅印签信）">薇娅：人生是用来改变的（随书赠薇娅印签信）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>56.10</span></span>
                        <span class="e-price">电子书¥<span>29.50</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book2.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="生命简史：从宇宙起源到人类文明">生命简史：从宇宙起源到人类文明</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>63.20</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book3.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="少年读史记（套装全5册）">少年读史记（套装全5册）</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>50.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book4.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="三体：全三册 刘慈欣代表作，亚洲首部“雨果奖”获奖作品！">三体：全三册
                            刘慈欣代表作，亚洲首部“雨果奖”获奖作品！</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>46.50</span></span>
                        <span class="e-price">电子书¥<span>37.99</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book5.jpg" alt=""></a>
                    <p class="introduce"><a href="#" title="非自然死亡：我的法医笔记">非自然死亡：我的法医笔记</a></p>
                    <div class="price">
                        <span class="r-price">¥<span>32.50</span></span>
                        <span class="e-price">电子书¥<span>26.00</span></span>
                    </div>
                </li>
                <li>
                    <a href="#"><img src="./images/recommended-book6.jpg" alt=""></a>
                    <p class="introduce"><a href="#"
                            title="哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版">哈利·波特（套装1-7册）《语文》教材推荐阅读书目，外国儿童文学经典，新英国版封面平装版</a>
                    </p>
                    <div class="price">
                        <span class="r-price">¥<span>328.50</span></span>
                        <span class="e-price">电子书¥<span>150.00</span></span>
                    </div>
                </li>
            </ul>
        </div>
        <!------------------------------- 为你推荐结束 ------------------------------->
    </div>
    <!--------------------------------------------------主要内容部分结束 -------------------------------------------------->


    <!--------------------------------------------------脚部内容部分开始 -------------------------------------------------->
    <div class="footer">
        <!---------------- 图片消息服务栏 --------------->
        <div class="footer-pic-new">
            <ul>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </ul>

        </div>
        <!---------------- 公共消息服务栏 --------------->
        <div class="footer-public-new">
            <div class="clearfix">
                <dl>
                    <dt>购物指南</dt>
                    <dd><a href="#">购物流程</a></dd>
                    <dd><a href="#">发票制度</a></dd>
                    <dd><a href="#">服务协议</a></dd>
                    <dd><a href="#">会员优惠</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">网上支付</a></dd>
                    <dd><a href="#">礼品卡支付</a></dd>
                    <dd><a href="#">银行转帐</a></dd>
                    <dd><a href="#">礼券支付</a></dd>
                </dl>
                <dl>
                    <dt>订单服务</dt>
                    <dd><a href="#">配送服务查询</a></dd>
                    <dd><a href="#">订单状态说明</a></dd>
                    <dd><a href="#">自助取消订单</a></dd>
                    <dd><a href="#">自助修改订单</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">当日递</a></dd>
                    <dd><a href="#">次日达</a></dd>
                    <dd><a href="#">订单自提</a></dd>
                    <dd><a href="#">验货与签收</a></dd>
                </dl>
                <dl>
                    <dt>退换货</dt>
                    <dd><a href="#">退换货服务查询</a></dd>
                    <dd><a href="#">自助申请退换货</a></dd>
                    <dd><a href="#">退换货进度查询</a></dd>
                    <dd><a href="#">退款方式和时间</a></dd>
                </dl>
                <dl>
                    <dt>商家服务</dt>
                    <dd><a href="#">商家中心</a></dd>
                    <dd><a href="#">运营服务</a></dd>
                    <dd><a href="#">加入尾品汇</a></dd>
                </dl>
            </div>
        </div>
        <!--------------- 脚部导航服务栏 ---------------->
        <div class="footer-nav-box wrapper">
            <ul class="footer-nav">
                <a href="#">公司简介</a>
                <span>|</span>
                <a href="#">诚聘英才</a>
                <span>|</span>
                <a href="#">网站联盟</a>
                <span>|</span>
                <a href="#">当当招商</a>
                <span>|</span>
                <a href="#">机构销售</a>
                <span>|</span>
                <a href="#">手机当当</a>
                <span>|</span>
                <a href="#">官方Blog</a>
                <span>|</span>
                <a href="#">知识产权</a>
                <span>|</span>
                <a href="#">热词搜索</a>
            </ul>
            <p class="copyright">Copyright 2004 - 2021 当当网. All Rights Reserved</p>
            <div class="supporting-evidence">京ICP证041189号
                <span>|</span><a href="#">出版物经营许可证 新出发京批字第直0673号</a>
                <span>|</span><a href="#">食品经营许可证：JY11101050363440</a>
                <br><a href="#">京ICP备17043473号-1</a>
                <span>|</span><a href="#"><img src="./images/jinggongwanganbei.png">京公网安备 11010502037644号</a>
                <span>|</span><a href="#">经营许可证编号：合字B2-20160011</a>
                <span>|</span><a href="#">互联网药品信息服务资格证</a>
            </div>
            <p class="reporting-methods">互联网违法和不良信息举报电话：4001066666-5 邮箱：<a
                    href="service@cs.dangdang.com">service@cs.dangdang.com</a></p>
            <p class="company-address">
                <a href="#">网络出版服务许可证（署）网出证（京）字第117号</a>
                <a href="#">&nbsp;北京当当科文电子商务有限公司</a> ,
                通信地址: 北京市朝阳区北三环东路8号静安中心
            </p>
            <ul class="footer-icon">
                <a href="#"><img src="./images/footer-icon1.png" alt=""></a>
                <a href="#"><img src="./images/footer-icon2.png" alt=""></a>
                <a href="#"><img src="./images/footer-icon3.png" alt=""></a>
                <a href="#"><img src="./images/footer-icon4.png" alt=""></a>
            </ul>

        </div>
    </div>
    <!--------------------------------------------------脚部内容部分结束 -------------------------------------------------->


    <!------------------------------------------------固定定位内容部分开始 ------------------------------------------------->
    <div class="fixed-content">
        <!---------------------- 吸顶搜索 ------------------------>
        <div class="ceiling-search">
            <div class="wrapper clearfix">
                <a class="ddlogo" href="#"><img src="./images/ddlogo.png" alt=""></a>
                <div class="search-box">
                    <input type="text" placeholder="少年读史记"><button></button>
                </div>
            </div>
        </div>
        <!---------------------- 锚点链接 ------------------------>
        <div class="anchor-link-box wrapper">
            <ul class="anchor-link">
                <a class="anchor-link-books" href="#books-ebooks">
                    <span class="span1"></span>
                    <span class="span2">图书</span>
                </a>
                <a class="anchor-link-clothings" href="#clothing">
                    <span class="span1"></span>
                    <span class="span2">服装</span>
                </a>
                <a class="anchor-link-goods" href="#general-merchandise">
                    <span class="span1"></span>
                    <span class="span2">日用百货</span>
                </a>
                <a class="anchor-link-wac" href="#pregnant-children">
                    <span class="span1"></span>
                    <span class="span2">孕婴童</span>
                </a>
                <a class="anchor-link-guesslike" href="#recommend">
                    <span class="span1"></span>
                    <span class="span2">猜你喜欢</span>
                </a>
            </ul>
        </div>
        <!----------------------- 状态栏 ------------------------->
        <div class="status-bar">
            <div><a href="#"><img src="./images/voucher-collection-center.png" alt=""></a></div>
            <ul class="status-bar-top">
                <a href="#">
                    <span>购物车</span>
                    <em>0</em>
                </a>
                <a href="#">
                    <span>我的收藏</span>
                </a>
                <a href="#">
                    <span>我的浏览</span>
                </a>
                <a href="#">
                    <span>我的银铃铛</span>
                </a>
                <a href="#">
                    <span>咨询小当家</span>
                </a>
            </ul>
            <ul class="status-bar-bottom">
                <a href="#">
                    <span><img src="./images/erweima_three.jpg" alt=""></span>
                </a>
                <a href="#top">
                    <span>返回顶部</span>
                </a>
                <a href="#"></a>
                <a>广告</a>
            </ul>
        </div>
        <!---------------------- 底部广告 ------------------------>
        <div class="advetisement-bottom">
            <div>
                <img src="./images/advetisement-bottom.gif" alt="">
                <button type="button" id="btn-close"></button>
            </div>     
        </div>
    </div>

    <!------------------------------------------------固定定位内容部分结束 ------------------------------------------------->

    <script src="./js/index.js"></script>
</body>

</html>